<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib uri="c.tld" prefix="c"%>
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>兔牙数据后台-登录</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="shortcut icon" href="${ctx}/theme/hyper/images/favicon.ico">
        <link href="${ctx}/theme/hyper/css/icons.min.css" rel="stylesheet" type="text/css" />
        <link href="${ctx}/theme/hyper/css/app.min.css" rel="stylesheet" type="text/css" />
    </head>

    <body class="authentication-bg">

        <div class="account-pages mt-5 mb-5">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-lg-5">
                        <div class="card">

                            <!-- Logo -->
                            <div class="card-header pt-4 pb-4 text-center bg-primary">
                                <a href="index.html">
                                    <span><img src="${ctx}/theme/hyper/images/logo1.png" alt="" height="18"></span>
                                </a>
                            </div>

                            <div class="card-body p-4">
                                
                                <div class="text-center w-75 m-auto">
                                    <h4 class="text-dark-50 text-center mt-0 font-weight-bold">登 录</h4>
                                </div>

                                <form id="loginForm" action="${ctx}/u/login" method="post" class="needs-validation">
                                    <div class="form-group">
                                        <label for="mobile">账户</label>
                                        <input class="form-control" type="mobile" id="mobile" name="mobile" value="${mobile }" required="" placeholder="请输入手机号" autocomplete="off">
                                    	<div class="invalid-tooltip">
                                        	Please provide a valid city.
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <a href="${ctx }/findPwd.html" class="text-muted float-right"><small>忘记密码?</small></a>
                                        <label for="password">密码</label>
                                        <input class="form-control" type="password" required="" id="loginPwd" name="loginPwd" placeholder="请输入登录密码">
                                    </div>

                                    <div class="form-group mb-3">
                                        <div class="custom-control custom-checkbox">
                                            <input type="checkbox" class="custom-control-input" id="checkbox-signin" name="checkbox-signin" checked>
                                            <label class="custom-control-label" for="checkbox-signin">记住账号</label>
                                        </div>
                                    </div>

                                    <div class="form-group mb-0 text-center" id="login-btn">
                                        <button class="btn btn-primary" type="submit">登录</button>
                                    </div>

                                </form>
                            </div> <!-- end card-body -->
                        </div>
                        <!-- end card -->

                        <div class="row mt-3">
                            <div class="col-12 text-center">
                                <p class="text-muted">还没有账号? <a href="${ctx}/register.html" class="text-dark ml-1"><b>立即注册</b></a></p>
                            </div> <!-- end col -->
                        </div>

                    </div> <!-- end col -->
                </div>
            </div>
        </div>
        <!-- end page -->

        <footer class="footer footer-alt">
            2018 © 兔牙数据 - www.tuyadata.xyz:666
        </footer>
    </body>
	<script type="text/javascript" src="${ctx}/common/script/jQuery/jquery.js"></script>
	<script src="${ctx}/theme/hyper/js/app.min.js"></script>
	<%-- <script src="${ctx}/common/script/login.js?v=${ggVersion}"></script> --%>
	<script type="text/javascript">
		$(function(){
			<c:if test="${not empty loginError}">
				$.NotificationApp.send("登录失败","${loginError}","top-center","rgba(0,0,0,0.2)","error");
			</c:if>
		});
	</script>
</html>
<c:remove var="loginError" />